<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css"></style>
</head>
<body>
    <h1>JS 键盘事件</h1>
    <hr>

    <script>
        // 按下按键
        document.onkeydown = function(en) {
            var en = en || window.event;
            console.log(en.keyCode);
            document.body.style.backgroundColor = '#f90';
        }
        
        // 按下并松开按键
        // document.onkeypress = function(en) {
        //     var en = en || window.event;
        //     console.log(en.keyCode);
        //     document.body.style.backgroundColor = '#f90';
        // }
        

        // 松开按键
        document.onkeyup = function() {
            document.body.style.backgroundColor = '#fff';
        }
    
    </script>
</body>
</html>